import React from 'react';

import { Box, Text, MainButton } from '@nova-hf/ui';
import { MainColorType } from '@nova-hf/ui/umd/ts/src/styles/vars.css';

type FirstStepProps = {
  color?: MainColorType;
  onNext?: () => void;
  customerId?: string;
  serviceId?: string;
};

const FirstStep = (props: FirstStepProps) => {
  const { color, onNext } = props;

  return (
    <Box>
      <Text>FirstStep</Text>
      <MainButton onClick={onNext} text="Next" colorScheme={color} />
    </Box>
  );
};

export default FirstStep;